<template>
	<view class="content">
		<view class="item flex-row">
			<view class="logo">
				<image :src="servicesInfo.picUrl" mode=""></image>
			</view>
			<view class="text">
				<view class="title">{{ servicesInfo.employName }}</view>
			</view>
		</view>
		<view class="intor">{{ servicesInfo.details }}</view>
	</view>
</template>

<script>
import {getServicesOne} from '@/api/index/services.js'

export default {
	data() {
		return {
			servicesInfo: {}
		}
	},
	methods: {
		async getServicesOneFn(id) {
			let res = await getServicesOne({
				id
			});
			if (!res.picUrl) {
				res.picUrl = "/subPages/static/index/knowledge/item-bg.png"
			}
			this.servicesInfo = res
		}
	},
	onLoad(options) {
		this.getServicesOneFn(options.id)
	}
}
</script>

<style lang="scss" scoped>
.content {
	font-size: 1.4rem;
	color: #333333;
	box-shadow: inset 0rem .3rem .6rem .1rem rgba(153, 153, 153, 0.1);

	.item {
		margin: 0 2rem;
		padding-top: 2.5rem;

		.logo {
			width: 14.5rem;
			height: 15rem;
			border-radius: .8rem;
			margin: 0 .5rem .5rem 0rem;

			image {
				width: 14.5rem;
				height: 15rem;
				border-radius: .8rem;
			}
		}

		.text {
			margin-left: 1rem;

			.title {
				font-size: 1.6rem;
				font-weight: bold;
				margin-bottom: 2rem;
			}

		}
	}

	.intor {
		text-indent: 2rem;
		margin: .5rem 2rem;
	}
}
</style>
